;
window.onload = function () {

    // 购物车数据加载
    if (localStorage.getItem("userinfo")) {
        $.ajax({
            url: '/cart/query',
            type: 'get',
            data: {
                uId: JSON.parse(localStorage.getItem("userinfo"))[0].u_id
            }
        }).then(function (res) {
            if (res.data == '') {
                $('.lists table thead tr').show()
            } else {
                render(res.data);
                $('.lists table thead tr').hide()
            }
        })

    } else {

        $('.lists table thead tr').show()

    }

    //首页购物车数据渲染方法
    function render(list) {
        let strHtml = ``;
        list.forEach(el => {

            strHtml += `<tr data-cid=${el.c_id}>`
            strHtml += `<td class="name">${el.c_name}</td>`
            strHtml += `<td class="size">${el.c_size}</td>`
            strHtml += `<td class="operate">删除</td>`
            strHtml += `</tr>`
        });

        $('.lists table tbody').append(strHtml)
    }

    //首页购物车删除数据
    $('.lists table tbody').on('click', '.operate', function () {
        let cId = $(this).parents('tr').data('cid');
        let self = this

        $.ajax({
            url: '/cart/delete',
            type: 'post',
            data: {
                cId
            }
        }).done(function (res) {
            layer.msg(res.msg);
            if (res.status == 200) {
                $(self).parents('tr').remove()
              
                if ($('tbody').children('tr').length <= 0) {
                    $('.lists table thead tr').show()
                }
            }
        })

    })









    // 轮播图
    var Obanners = document.querySelectorAll('.banner ul li')
    var Ocircle = document.querySelector('.circle')

    //动态生成小圆圈
    Obanners.forEach(function (el, index) {
        let ospan = document.createElement('span')
        ospan.innerText = '·'
        Ocircle.appendChild(ospan)
    })

    function bannerplay(n) { //n 为索引号
        $('.banner ul li').eq(n).stop().fadeIn().siblings().stop().fadeOut()
        $('.circle').children().eq(n).stop().addClass('currentcircle').siblings().stop().removeClass('currentcircle')
    }

    // 自动播放
    var step = 0
    var bannertimer = setInterval(function () {
        step++
        if (step === Obanners.length) {
            step = 0
        }
        bannerplay(step)
    }, 2000)

    //鼠标进入停止计时器
    $('.banner').on('mouseover', function () {
        clearInterval(bannertimer)
    }).on('mouseout', function () {
        bannertimer = setInterval(function () {
            step++
            if (step === Obanners.length) {
                step = 0
            }
            bannerplay(step)
        }, 2000)
    })

    //鼠标进入箭头停止计时器
    // $('.pre-nav').on('mouseenter', function () {
    //     clearInterval(bannertimer)
    // })
    // $('.pre-nav').on('mouseleave', function () {
    //     bannertimer = setInterval(function () {
    //         step++
    //         if (step === Obanners.length) {
    //             step = 0
    //         }
    //         bannerplay(step)
    //         console.log(555);
    //     }, 2000)
    // })


    // 点击两侧切换
    $('.arr-prev').click(function () {
        step--
        if (step === -1) {
            step = Obanners.length - 1
        }
        bannerplay(step)
    })
    $('.arr-next').click(function () {
       
        step++
        if (step === Obanners.length) {
            step = 0
        }
        bannerplay(step)
    })

    // 点击圆圈切换
    // $('.circle').mouseenter(function () {
    //     clearInterval(bannertimer)
    // })
    $('.circle').children().stop().mouseenter(function () {
        bannerplay($(this).index())
    })

    // 头部 二维码
    function qrplay() {
        $('.top-qr').hover(function () {
            $('.top-qr-img').stop().toggle()
        })
    }

    // 购物车

    function buycarpaly() {
        $('.buycar').mouseenter(function () {
            $('.lists').stop().show()
            $(this).children('em').stop().show()
            $(this).css({
                borderBottom: '3px solid #fff',
                background: 'white',
            }).children('.icon-gouwuche1').css({
                color: '#b71c20'
            })
            $(this).children('a').css({
                color: '#b71c20',
            })
        })

        $('.buycar').mouseleave(function () {
            $('.lists').stop().hide()
            $(this).children('em').stop().hide()
            $(this).css({
                border: '1px solid #b81c22',
                background: '#b71c20',
            }).children('.icon-gouwuche1').css({
                color: '#fff'
            })
            $(this).children('a').css({
                color: '#fff',
            })
        })
    }

    // 菜单导航
    function menuplay() {
        $('.nav-list').on('mouseenter', 'li', function () {
            $(this).children('ul').stop().slideDown(10);
        })
        $('.nav-list').on('mouseleave', 'li', function () {
            $(this).children('ul').stop().slideUp();
        })
    }




    // 回到顶部
    function backtop() {
        $('.backtop').on('click', function () {
            $('html').animate({
                scrollTop: 0
            }, 1000);
        })
    } // 调用方法
    $(function () {
        bannerplay(0);
        backtop()
        menuplay()
        buycarpaly()
        qrplay()
    })


    $(function () {
        let userInfo = JSON.parse(localStorage.getItem("userinfo") || '[]');

        if (userInfo) {
            $(".header ul li").eq(0).html(`您好!欢迎 ${userInfo[0].u_name} ,回来!<a class="exit" href=''>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;退出</a>`)
            $(".header ul li").eq(1).hide().next().hide().next().hide()
        } else {
            $(".header ul li").eq(0).text(`您好,欢迎光临凡客诚品！`)
            $(".header ul li").eq(1).show().next().show().next().show()
        }

        $('.exit').on('click', function () {
            localStorage.clear();
            $(".header ul li").eq(0).text(`您好,欢迎光临凡客诚品！`)
            $(".header ul li").eq(1).show().next().show().next().show()
        })
    })










}